import { ref } from "vue"
function useViewModel() {

	//时间选择器最早的时间
	let minDate = () : number => {
		const now = new Date();

		// 获取10年前的年份
		const year = now.getFullYear() - 10;
		// 月份（注意：JS中月份是0-11）
		const month = now.getMonth();
		// 日
		const day = now.getDate();

		// 创建10年前的日期对象
		const dateTenYearsAgo = +new Date(year, month, day);
		return dateTenYearsAgo;
	}
	//时间选择器最晚的时间
	let maxDate = () : number => {
		const now = new Date();

		// 获取10年后的年份
		const year = now.getFullYear() + 10;
		const month = now.getMonth(); // 注意月份是0-11
		const day = now.getDate();

		// 创建10年后的日期对象（自动处理跨月）
		const dateTenYearsLater = +new Date(year, month, day);
		// 格式化输出
		return dateTenYearsLater;
	}

	//时间选择器开关
	let firstContactDate_visible = ref<boolean>(false)
	//打开时间选择器
	let showFirstContactDate = () : void => {
		firstContactDate_visible.value = true
	}
	//时间选择器-确认
	let firstContactDate_confirm = (e : any) : string => {
		let { value } = e
		firstContactDate_visible.value = false
		return value
	}

	//表单校验
	const rules = {
		enterpriseName: [
			{
				required: true,
				message: '请输入企业名称',
				trigger: ['blur', 'change'],
			},
		],
		taxpayerIdentificationNumber: [
			{
				required: false,
				message: '请输入纳税人识别号',
				trigger: ['blur', 'change'],
			},
		],
		type: [
			{
				required: true,
				message: '请选择企业类型',
				trigger: ['blur', 'change'],
			},
		],
		source: [
			{
				required: true,
				message: '请选择来源',
				trigger: ['blur', 'change'],
			},
		],
		area: [
			{
				required: true,
				message: '请输入业务覆盖区域',
				trigger: ['blur', 'change'],
			},
		],
		cooperation: [
			{
				required: true,
				message: '请输入可合作业务范围',
				trigger: ['blur', 'change'],
			},
		],
		contactName: [
			{
				required: true,
				message: '请输入联系人姓名',
				trigger: ['blur', 'change'],
			},
		],
		contactTitle: [
			{
				required: true,
				message: '请输入联系人职务',
				trigger: ['blur', 'change'],
			}
		],
		contactInformation: [
			{
				required: true,
				message: '请输入联系方式',
				trigger: ['blur', 'change'],
			},
		],
		// province: [
		// 	{
		// 		required: true,
		// 		message: '请选择办公地',
		// 		trigger: ['blur', 'change'],
		// 	},
		// ],
	};


	return {
		minDate,
		maxDate,
		rules,
		firstContactDate_visible,
		firstContactDate_confirm,
		showFirstContactDate
	}
}

export default useViewModel